<template>
    <view>
        <view>
            <image class="scc" src="/static/scc.png"></image>
            <view class="resuil">下单成功</view>
        </view>
        <view class="btn" @click="back">返回首页</view>

    </view>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        methods: {
            back() {
                uni.switchTab({
                    url: '/pages/index/index'
                })
            }
        }
    }
</script>

<style>
    /* pages/result/result.wxss */
    page {
        text-align: center;
        background-color: #ffffff;
    }

    .scc {
        margin-top: 100rpx;
        width: 160rpx;
        height: 160rpx;
    }

    .resuil {
        margin-top: 20rpx;
        font-weight: 600;
        letter-spacing: 3rpx;
        font-size: 36rpx;
    }

    .btn {
        width: 280rpx;
        letter-spacing: 3rpx;
        height: 70rpx;
        font-weight: 600;
        line-height: 70rpx;
        border: 2px solid #3bb270;
        color: #3bb270;
        border-radius: 10rpx;
        position: absolute;
        bottom: 200rpx;
        left: 50%;
        margin-left: -130rpx;
    }
</style>